.container {
  padding: 20rpx;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.asset-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20rpx;
  padding: 0 10rpx;
}

.asset-card {
  background-color: #fff;
  border-radius: 16rpx;
  padding: 30rpx;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}

.asset-card:active {
  transform: translateY(2rpx);
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}

.asset-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24rpx;
}

.status {
  padding: 8rpx 16rpx;
  border-radius: 50rpx;
  font-size: 24rpx;
  font-weight: 500;
}

.status-pending {
  background-color: #fff2cd;
  color: #ff9800;
}

.status-completed {
  background-color: #e0f7fa;
  color: #00b9b8;
}

.admin {
  font-size: 24rpx;
  color: #666;
}

.asset-content {
  border-top: 1rpx solid #f0f0f0;
  border-bottom: 1rpx solid #f0f0f0;
  padding: 20rpx 0;
  margin-bottom: 20rpx;
}

.asset-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16rpx;
}

.asset-item:last-child {
  margin-bottom: 0;
}

.label {
  font-size: 26rpx;
  color: #999;
}

.value {
  font-size: 28rpx;
  color: #333;
  font-weight: 500;
  text-align: right;
}

.asset-footer {
  display: flex;
  justify-content: flex-end;
}

.detail-btn {
  font-size: 26rpx;
  color: #00b9b8;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300rpx;
  background-color: #fff;
  border-radius: 16rpx;
  color: #999;
  font-size: 28rpx;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
}
.asset-box.img-box {
  height: 180rpx;
  // 资产图片
  .asset-image {
    width: 150rpx; /* 稍微放大图片 */
    height: 150rpx;
    margin-bottom: 20rpx;
    border-radius: 16rpx; /* 更圆润的边角 */
    object-fit: cover; /* 确保图片比例不失真 */
  }
}
//资产明细  -------- 新增的样式结束  --------